<template>
    <ul class="service">
        <li v-for="(item, key) in info" :key="key">
            <span class="f14">{{item.name}}</span>
            <i class="icon f28">{{item.msg}}</i>
        </li>
    </ul>
</template>

<script>
    export default {
        name: 'safety',
        data() {
            return {
                info: [
                    // {
                    //     name: '在线客服',
                    //     path: '',
                    // },
                    {
                        name: '客服邮箱',
                        path: '',
                        msg: 'kefu@bjyoumeng.cn',
                    },
                    // {
                    //     name: '客服电话',
                    //     path: '',
                    //     msg: '15041227894',
                    // },
                    {
                        name: '客服微信',
                        path: '',
                        msg: '17813213931',
                    },
                ]
            }
        }
    }
</script>

<style lang="less" scoped>
    .service{
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        background: #f2f2f2;
        box-sizing: border-box;
        li{
            width: 100%;
            background: #fff;
            .padd(0, 20);
            .mb(10);
            .lh(88);
            display: flex;
            justify-content: space-between;
            box-sizing: border-box;
            span{
                color: #020202;
            }
            i.icon{
                color: #999;
            }
        }
    }
</style>
